
<template>
  <el-container>
    <el-header>1111111111111111111</el-header>
    <el-main> 11{{ houseData }} </el-main>
    <div><footers></footers></div>

 
  </el-container>
</template>



<script>
import footers from "./Footer.vue";
export default {
  components: {
    footers,
  },
  data() {
    return {
      houseData: [],

      house: {
        houseId: "",
        price: "",
        sed: "",
        leasing: "",
        utype: "",
        htype: "",
        chaoxiang: "",
        address: "",
        acreage: "",
        floors: "",
        roomNo: "",
        estate: "",
        hintroduce: "",
        jiadian: "",
        appraisals: "",
        statuss: "",
        ownerId: "",
        haudit: "",
        city: "",
        apply: "",
      },
    };
  },
  mounted() {
    //生命周期钩子函数
    //var emp = JSON.parse(sessionStorage.getItem("emp"))  //未成功
    this.house.houseId = sessionStorage.getItem("houseId");
    //this.house=JSON.stringify(this.houseData)
    //var loginObj=JSON.parse(sessionStorage.getItem('house'));
    console.log(this.house.houseId);
    this.$axios
      .get("selectHouse/findHouseById", {
        params: { houseId: this.house.houseId },
      })
      .then((res) => {
        if (res.data.statueCode == 200) {
          this.$message.success(res.data.statueMessage);
          console.log(res.data.data);
          this.houseData = res.data.data.data;
          //this.house=res.data.data
        } else {
          this.$message.error(res.data.statueMessage);
        }
      });
  },
};
</script>



<style>
.el-header {
  background-color: #b3c0d1;
  color: var(--el-text-color-primary);
  text-align: center;
  line-height: 60px;
  margin-left: 10%;
  margin-right: 10%;
}
.footer-main {
  overflow: hidden;
  margin-top: 0px;
  background: #212121;
  padding-bottom: 100px;
  margin-left: 9%;
  margin-right: 9%;
}
.hidden {
  color: #212121;
  min-height: 36px;
}
.about-us {
  margin-top: 80px;
}
.about-us span {
  display: inline-block;
  color: #aeaeae;
  padding: 0 0 45px;
  font-size: 20px;
  margin-right: 20px;
}
.about-us img {
  width: 120px;
}
.rj-logo {
  display: inline-block;
}
.rj-sign {
  display: inline-block;
  transform: translateY(-10px);
}
.footer-sign {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.rj-sign img {
  width: 12px;
}
.promote {
  margin-top: 80px;
  text-align: center;
}
.promote-img {
  display: inline-block;
  margin-right: 25px;
}
.promote-img img {
  width: 100px;
  border-radius: 5px;
}
.promote-img span {
  display: block;
  color: #aeaeae;
  font-size: 14px;
  margin-top: 10px;
}

.el-main {
  background-color: #e9eef3;
  color: var(--el-text-color-primary);
  text-align: center;
  line-height: 960px;
  margin-left: 10%;
  margin-right: 10%;
}
</style>
